<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
    <%@ include file="/include/head.jsp"%>
    <title>评价订单</title>
    <script src="${rootPath}/static/js/mui.pullToRefresh.js"></script>
    <script src="${rootPath}/static/js/mui.pullToRefresh.material.js"></script>
    <script src="${rootPath}/static/js/paginationRequest.js"></script>
</head>
<body>
<!-- 主页面标题 -->
<header class="mui-bar mui-bar-nav qy-bg-white qy-border-bottom">
    <a class="mui-icon mui-icon-back qy-text-black" href="/customer/center.do"></a>
    <h1 class="mui-title qy-text-black qy-font-size-20px">评价订单</h1>
</header>
<div class="mui-content">
    <div id="slider" class="mui-slider mui-fullscreen">
        <div id="sliderSegmentedControl" class="mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
            <a class="mui-control-item mui-active" href="#vueListBox0">
                <span class="mui-inline">待评价<i class="active-line"></i></span>
            </a>
            <a class="mui-control-item" href="#vueListBox1">
                <span class="mui-inline">已评价<i class="active-line"></i></span>
            </a>
        </div>
        <div class="mui-slider-group">
            <div id="vueListBox0" class="mui-slider-item mui-control-content mui-active">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div v-for="order in orders">
                            <div v-for="product in order.products" class="mui-row qy-border-bottom qy-bg-white qy-padding-vertical-8 qy-padding-horizontal-4 qy-margin-horizontal-4">
                                <div class="mui-col-xs-3">
                                    <img :src="product.pImg" width="100%" height="72px" />
                                </div>
                                <div class="mui-col-xs-9 qy-padding-left-8">
                                    <div class="font-size-21 qy-text-black">{{product.pName}}</div>
                                    <div class="font-size-12 qy-margin-top-8 qy-text-black">{{order.shopName}}</div>
                                    <div class="qy-flex qy-flex-text-between">
                                        <small class="qy-text-label">体检时间：{{product.pTime}}</small>
                                        <span class="mui-btn mui-btn-warning mui-btn-outlined qy-padding-horizontal-4 qy-padding-vertical-12">去评价</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div id="vueListBox1" class="mui-slider-item mui-control-content">
                <div class="mui-scroll-wrapper">
                    <div class="mui-scroll">
                        <div v-for="order in orders">
                            <div v-for="product in order.products" class="mui-row qy-border-bottom qy-bg-white qy-margin-horizontal-4 qy-padding-vertical-8 qy-padding-horizontal-4">
                                <div class="mui-col-xs-3">
                                    <img :src="product.pImg" width="100%" height="72px" />
                                </div>
                                <div class="mui-col-xs-9 qy-padding-left-8">
                                    <div class="font-size-21 qy-text-black">{{product.pName}}</div>
                                    <div class="font-size-12 qy-margin-top-8 qy-text-black">{{order.shopName}}</div>
                                    <div class="qy-text-label font-size-12">体检时间：{{product.pTime}}</div>
                                </div>
                                <div class="mui-col-xs-12 qy-flex-direction-row-reverse qy-flex">
                                    <span class="mui-btn qy-margin-vertical-8 mui-btn-warning mui-btn-outlined qy-padding-horizontal-4 qy-padding-vertical-12">追加评价</span>
                                    <span class="mui-btn qy-margin-vertical-8 mui-btn-outlined qy-padding-horizontal-4 qy-padding-vertical-12 qy-text-label">查看详情</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
<script type="text/javascript" charset="utf-8" src="${rootPath}/static/js/UnEvaluate.js"></script>